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SYSTEM AND METHOD FOR CUSTOM PRODUCT DESIGN 

Field of the Invention 

[0001] The present invention relates generally to computer-implemented automated 
electronic product design. 

Background of the Invention 

[0002] Many individuals, businesses, and organizations occasionally have a need for 
custom printed materials, such as business cards, party invitations, product or service 
brochures, promotional postcards, or any number of other items. Some of these 
individuals and businesses turn to sources such as a local print shop for assistance in 
preparing the materials. Others may attempt to create the product themselves using 
specialized software purchased and installed on a personal computer to design the 
product and using their local printer attached to their personal computer to perform the 
printing. 

[0003] An increasingly popular alternative for obtaining these types of materials is 
the use of a Web-based printing service provider that takes advantage of the capabilities 
of the Web and modern Web browsers to provide document design services from any 
computer with Web access at whatever time and place is convenient to the user. 
Computerized systems typically provide their customers with the ability to access and 
view a wide range of pre-designed product templates, select a desired template, and enter 
information to create a customized product design. Typically, a user can add, modify, 
and position custom text and upload images to be added to the electronic product design. 
When a user is satisfied with the design of the product, the user can place an order with 
the printing service provider for the production of a desired quantity of high quality 
printed versions of the product to be delivered to the customer's home or business. 



1 



Docket Number: 03-010 

[0004] In another computer-related field, high quality mapping software is available 
from various vendors either online or on a CD or other media and mapping software 
applications have become common. Examples include mobile applications, like handheld 
and automotive map systems using global positioning technology, and commercial 
establishment applications, such as customized driving maps printed at car rental offices 
for individual customers. In the Web environment, various free services available on the 
Web, such as MapQuest.com and Yahoo.com, allow an individual to enter a street 
address and view a corresponding map. Tools to modify the displayed map by zooming 
or scrolling are also commonly provided. Businesses maintaining Web sites frequently 
incorporate access to a mapping service to display maps for stores and custom driving 
directions from an address entered by the user. 

[0005] Printed business and promotional materials incorporating a map depicting the 
location of an office or a special event can provide an edge in a competitive business 
environment and be of significant value in assisting new and infrequent customers. There 
is, therefore, a need for an improved electronic product customization system that allows 
a user of a Web-based product design system to easily incorporate a high resolution 
customized map into a product design intended for subsequent printing. 

Summary 

[0006] The present invention is directed to satisfying the need for computer 
implemented systems and methods providing improved electronic product design tools 
that allow a user increased ability to select and control the colors used in a product being 
designed. 

[0007] In accordance with the invention, in response to information identifying at 
least a location and received by a server from a user of a client computer system, the 
server makes a request for a high resolution map for that identified location. A lower 
resolution display map version is generated by the server from the high resolution map 
and transmitted to the client computer for viewing by a user engaged in creating an 
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electronic product design at the client system. The user can incorporate at least a portion 
of the map into the electronic product design. The description of the electronic product 
design supplied from the client to the server identifies the portion of the map incorporated 
into the design by the user. A high resolution version of the identified map portion is 
associated with the electronic product design such that, when the product is subsequently 
printed, the map will be printed using the high resolution image. 

[0008] It is an advantage of the invention that a custom map for a location specific to 
the user can be readily incorporated into the electronic design of a product. 

[0009] Other objects, features, and advantages of the invention will be better 
understood with reference to the accompanying drawings, description, and claims. 

Brief Description of the Drawings 

[0010] Fig. 1 is a block diagram of a computer system with which the invention may 
be employed. 

[0011] Fig. 2 is a representation of a product selection display presented to a user 
engaged in designing an electronic document. 

[0012] Fig. 3 is a representation of a user display for customizing the front side of a 
product. 

[0013] Fig. 4 is a representation of a user display for customizing the backside of the 
product. 

[0014] Fig. 5 is a representation of a user display for selecting a map option for the 
backside of the product. 

[0015] Fig. 6 is a representation of a user display for selecting a map operation. 
[0016] Fig. 7 is a representation of a user display for entering a mapping address. 
[0017] Fig. 8 is a representation of a user display for changing the cropping of a map. 
[0018] Fig. 9 is a representation of a user display for selecting a stored map image. 
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Detailed Description 

[0019] Referring to Fig. 1 3 an exemplary user computer system UCS 100 includes 
processor 101 and memory 102. Memory 102 represents all UCS 100 components and 
subsystems that provide data storage, such as RAM, ROM, and hard drives. In addition 
to providing permanent storage for all programs installed on UCS 100, memory 102 also 
provides temporary storage required by the operating system and the applications while 
they are executing. In a preferred embodiment, UCS 100 is a typically equipped personal 
computer, but UCS 100 could also be a portable computer, a tablet computer, or other 
device. The user views images from UCS 100 on display 140, such as a CRT or LCD 
screen, and provides inputs to UCS 100 via input devices 150, such as a keyboard and a 
mouse. 

[0020] When UCS 100 is operating, an instance of the USC 100 operating system 
will be running, represented in Fig. 1 by operating system 103. In addition, the user may 
be running one or more application programs. In Fig. 1, UCS 100 is running Web 
browser 105, such as Internet Explorer from Microsoft Corporation. Other applications 
that may be running in USC 100, such as spreadsheet, e-mail, and presentation programs, 
are represented as applications 104. In the depicted embodiment, design tool 106 is a 
product design program downloaded to UCS 100 via network 120 from remote server 
1 10, such as downloadable design tools provided by VistaPrint Limited and publicly 
available at vistaprint.com. Design tool 106 runs in browser 105 and allows the user to . 
prepare a customized product design in electronic form. Alternatively, design tool 106 
could have been obtained by the user from memory 102 or from another local source. 
When the customer is satisfied with the design of the product, the design can be uploaded 
to server 1 10 for storage and, if desired by the user, subsequent production of the desired 
quantity of the physical product on appropriate printing and post-print processing 
systems. While server 1 10 is shown in Fig. 1 as a single block, it will be understood that 
server 1 10 could be multiple servers configured to communicate and operate 
cooperatively. 
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[0021] Memory 1 1 1 represents all components and subsystems that provide server 
data storage, such as RAM, ROM, and disk drives or arrays. Template memory 112 
contains the layout information provided by the service provider to enable the creation 
and rendering of electronic product design templates at UCS 100. As used in this 
embodiment, a layout is an XML (extensible markup language) and VML (vector markup 
language) description that specifies the size, position, z-index, and other attributes of all 
product elements such as text containers, image containers, graphics, default fonts, 
default colors, and so forth. Technical details of XML and VML are publicly available 
firomtheWorldWideWebConsortiumatwww.w3c.org. While the embodiment of the 
invention disclosed herein describes the use of XML and VML, it will be understood that 
other languages could be employed. 

[0022] Image memory 1 1 3 represents the portion of memory 1 1 1 that contains the 
image content information and related attributes used in combination with the layouts to 
generate various product designs. In the embodiment discussed herein, image memory 
113 will also contain multiple versions of any map or maps requested by the user. For 
the purpose of this discussion, the portions of memory 113 devoted to storing the map 
versions are identified as print image memory PI 1 15, display image memory DI 1 16, and 
thumbnail image memory TNI 1 1 7, but it will be understood that these are logical 
memory divisions and need not be physically separate memory areas. 

[0023] This flexible template structure mentioned above allows the service provider 
to combine layouts and images to assemble custom templates in response to user inputs, 
such as keywords or other user preferences, and allows the user to select and modify or 
replace individual template components. Co-pending and co-owned U.S. application 
Serial No. 10/646,554 entitled "Automated Image Resizing and Cropping", filed August 
22, 2003, the complete contents of which are hereby incorporated by reference into this 
application, discloses electronic product creation and editing systems for combining 
separately stored content and layouts to create custom product designs. 
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[0024] Local map 1 14 is a commercially available mapping software program, for 
example MapPoint from Microsoft Corporation. Having the mapping software available 
at server 110 allows for rapid access to relatively high resolution map data so that the 
display image version of the map can be returned to UCS 100 for viewing without 
excessive delays. As an alternate, embodiment, if performance requirements can be 
satisfied and adequate data transfer capacity is available, remotely located mapping 
software Network Map 150 could be employed. 

[0025] Fig. 2 is a simplified representation of an introductory product selection page 
being viewed by the user of UCS 100 on user display 140. In this example, the page 
displays and promotes various products available from the service provider and offers 
active controls that allow the user of UCS 100 to select a desired type of product for a 
more detailed presentation of design options. By way of example, Fig. 2 shows 
promotional images for business cards 210, postcards 220, stationery 230, folded cards 
240, return address labels 250, and brochures 260. Images or promotions for fewer, 
different or additional products, such as presentation folders, invitations, announcements, 
thank you cards, gift tags, and so forth could also be presented along with other 
information and buttons. It will be understood that the invention is not limited to 
documents that are intended for eventual printing on paper, but could as well be readily 
adapted to a wide range of products that a user may wish to customize, such as items of 
clothing, product containers, promotional goods, and so forth. 

[0026] As an illustrative example, it will be assumed that the user of UCS 100 desires 
to create a personalized business card and, therefore, selects the business card option, for 
example by clicking with the user's mouse cursor on the business cards 210 image. The 
user is then presented with one or more additional selection screens, not shown, from 
which the user can review the various business card categories organized, for example, 
by industry or general style. When a desired category is selected, the user can review one 
or more pages of thumbnail images of pre-designed business card templates prepared by 
the service provider. As an alternative to providing a large gallery of thumbnail template 
images for the user to scan, the service provider could provide a keyword searching tool 
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to allow the service provider to display only thumbnails of templates with images or other 
content corresponding to the user's search terms. Each template will contain a different 
combination of features, such as colors, textures, images, fonts, and text arrangements. 

[0027] Referring to Fig. 3, when the user selects a specific business card thumbnail 
image that the user desires to customize, server 110 responds to the selection by 
downloading the corresponding layout and content information to UCS 100. Design tool 
106 receives the layout and content information and generates a customizable template 
image 302 of the selected product design. 

[0028] In the example shown in Fig. 3, template 302 represents one side of a business 
card being designed by a user. The printing service provider has incorporated 
placeholder text in a default font in the design to give the user a visual indication of how 
and where the user's corresponding information would appear on the finished card. The 
initial template 302 is the starting point for the user's customized product design. 

[0029] As shown in Fig. 3, the service provider has supplied the user with two tools 
for allowing the user to enter the user's custom text. One tool is a set of labeled text 
fields 304 into which the user can type the user's information. As the user types in each 
box, the corresponding placeholder text in template 302 is replaced with the text entered 
by the user in the box. Unwanted text fields can be deleted from template 302, for 
example by placing an empty space in the corresponding text box. 

[0030] Each of the text fields shown in template 302, such as "Full Name" or 
"Address Line 1", is a separate markup language text box pre-designed and positioned by 
the template designer. Each text box can be individually modified or repositioned. For 
users desiring to change fonts or font attributes, move text, or perform other customizing 
actions beyond merely entering text using the default font, edit tool bar 306 is provided. 
Edit Tool Bar 306 contains various buttons, controls, and menus allowing the user to add 
additional text boxes, insert text, change the font, change font attributes, and perform 
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other typical editing actions. Text boxes and the techniques for designing and using edit 
tool bars are well known in the art. 

[0031] It is not necessary that both edit tool bar 306 and text boxes 304 are provided 
to a user and, if both are provided, it is not necessary that they be provided 
simultaneously. A service provider could opt to provide only a single tool or, depending 
on the level of customizing capabilities the service provider desires to give to the user, 
the service provider may also choose to provide the user with one or more additional 
instructions, tools, or controls, not shown, to facilitate user editing of template 300, such 
as tools for changing the template layout, the design effects, or the font scheme. Co- 
pending and co-owned U.S. application Serial No. 10/449,836 entitled "Electronic 
Document Modification", filed May 20, 2003, the complete contents of which are hereby 
incorporated by reference into this application, describes a document editing system and 
method using separately selectable layouts, designs, color schemes and font schemes. 

[0032] Navigation buttons back 308 and next 310 allow the user to move back to the 
previous display screen or ahead to the next. Different or additional navigation means 
could also be employed. When the user has entered the user's information for the 
business card and performed any other desired editing operations, the user can proceed to 
edit the backside of the card by clicking next button 310. 

[0033] Referring to Fig. 4, the user is presented with business card backside template 
402. The default backside template in this example has been pre-filled by the template 
designer with a placeholder text line suggesting that the user may wish to place the user's 
company message on the backside of the card. Other alternate default backsides could be 
employed. The user has the option of choosing another backside, as discussed below, or 
of editing the current backside using edit tool bar 306 or other editing tools that the 
service provider may choose to make available. 

[0034] To provide the user with the flexibility to select an appropriate backside of the 
card, the service provider makes various other backside templates available. In the 
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disclosed embodiment, the user accesses the alternate backside choices by clicking on 
text button 404. Referring to Fig. 5, in response to selection of text button 404, backside 
selection window 500 is displayed to the user. Because numerous alternate backsides are 
provided, the alternate backsides have been divided by the service provider for user 
convenience into categories such as maps, appointments, calendars, and thank you 
messages. More or fewer categories could be offered. Each category of backside has an 
associated text button 502. In this example, the initially selected category is maps, 
indicated by the map text button being displayed in bold. The user can view other 
available alternate backside templates by clicking on the appropriate text button 502. 

[0035] In the category of maps, three different backside thumbnail images 504, 506 
and 508 are displayed for the user's review. The portion of the backside template that 
will be occupied by a map is indicated in Fig. 5 by bold outlining. For example, in 
template 504, the entire backside of the card will be covered by a map. In template 506, 
the right side of the backside would be a map while the remainder would be available for 
text or other content. Template 508 shows another variation with the map occupying 
most of the backside and a relatively small area available for text. 

[0036] When the user clicks on the thumbnail of the desired backside map template, 
the user is presented with map function window 600, as shown in Fig. 6. Window 600 
presents the user with three text button options: create new map 602, change cropping of 
current map 604, and choose saved map 606. If the user selects create new map 602, the 
user is presented with address and zoom window 700. 

[0037] Referring to Fig. 7, address and zoom window 700 contains three address 
lines 702, 704 and 706. In the business card example shown in Fig. 3, the three address 
lines in window 700 correspond to the three similarly labeled address lines in template 
302. To assist the user, the three address fields will be pre-filled to contain the address 
information previously entered by the user during user editing of the front side of the 
business card. For illustration, Fig. 7 indicates the appearance of the address lines if the 
user had entered "123 Anystreet" in the Address Line 1 field of template 302, left 
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Address Line 2 blank, and entered "Anytown, Anystate 00000" in Address Line 3 field of 
template 302. For other types of products where address information has not been earlier 
provided, address fields 702, 704 and 706 will be initially empty. 

[0038] In the disclosed embodiment, zoom level drop down menu 708 is provided to 
allow the user to select among different zoom levels. The zoom level is initially set to a 
predetermined default level selected by the service provider and called "normal". The 
"normal" level can be set by the service provider to any desired value that is supported by 
local map 114. At this point, the user can continue with generating a custom map at the 
default zoom level using the pre-filled address information by clicking next button 712 or 
can modify the displayed address or the zoom level as desired before proceeding with 
map generation. 

[0039] When the user clicks next 712, design tool 106 sends the address line contents 
and zoom level information to server 110 together with map container information. The 
map container information could be, for example, the height and width of the map 
container in the template or a container identifier established by the service provider that 
enables the server to determine the height to width ratio of the map image container. At 
server 1 10, the server structures a map request to local map 1 14 using the address and the 
zoom level. The map request is also structured such that the resulting map returned by 
local map 1 14 will have sufficient information to provide a printable image of high 
quality, typically 300 dots per inch or greater, when the map image is placed in the 
template map container and will have a height to width ratio that is substantially the same 
as the height to width ratio of the map container in the template. 

[0040] If local map 1 14 is unable to recognize the supplied information as a valid 
address, local map 1 14 will return an error message to server 1 10 which will notify 
design tool 106 and cause a user message, not shown, to be displayed, such as "Could not 
generate map. Please make sure the address below is correct." The user can then review 
and make any required corrections to the address in address fields 702, 704 and 706 or, if 
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the address is correct and a map is for some reason not available, the user can return to 
the display of Fig. 5 and select another type of backside template. 

[0041] If a map corresponding to the submitted address is successfully returned by 
local map 1 14, the returned map is stored by server 1 10 in print image memory 1 1 5 as a 
high resolution map version to be used as the source of the product map during 
subsequent printing of the product. A lower resolution version of the map suitable for 
displaying to the user, typically at 72 dpi, is generated by server 110 from the returned 
user map and transmitted to UCS 100. The lower resolution version is stored in image 
memory 1 1 3 in display image memory 116 for possible future use. A smaller thumbnail 
version of the map is also created and stored in thumbnail image memory 1 17 for 
possible future use, as discussed below. 

[0042] Referring now to Fig. 8, if a map is successfully obtained for the submitted 
address information, cropping window 800 is provided to the user. The display version 
of the returned map is displayed to the user as map image 802. Fig. 8 shows the situation 
where the user selected thumbnail 504 having the entire side of the card covered by a 
map. Image 802, therefore, is generated to have the same height to width ratio as the 
image area of the backside template selected by the user. If the user had chosen backside 
template 506, image presented in cropping window 800 would have the height to width 
ratio of the map area indicated by bold lines. While not shown in Fig. 8, it will be 
understood that image 802 will typically be a street map of the vicinity of the supplied 
address. The level of detail displayed will vary depending on the zoom level selected. 

[0043] Crop box 804 is displayed over image 802. The operation of crop boxes is 
well known. The portion of image 802 inside of crop box 804 will be the portion of the 
map image that will be incorporated into template 402. As a default, the crop box is 
initially established to be smaller than the total available map 502. The user can 
reposition the crop box by positioning the user's mouse over the crop box and executing 
a drag-and-drop operation. The user can also, if desired, resize crop box 804 by using the 
mouse to grab one of the four resizing handles 806, 808, 810 and 812 located at the 
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comers of the box and dragging the handle in a substantially diagonal motion to either 
enlarge or reduce the box size. The height to width ratio of crop box 804 is locked by the 
system to be the same as the map area of the selected backside template. The user can 
resize the box using the corner handles, but, regardless of the manner in which the user 
attempts to move the user's mouse, any resizing will be constrained by the system to 
maintain a constant height to width ratio. Co-pending and co-owned application 
10/713,446 entitled "Image Cropping System and Method", which is hereby incorporated 
by reference in its entirety, discloses crop boxes having locked height to width ratios that 
correspond to the height and width ratio of the associated image area in a product 
template. 

[0044] The user can repeat repositioning and resizing operations as often as desired 
until the desired portion of image 802 is inside of box 804. If the user desires to change 
the zoom level of image 802, the user can select back button 814, return to Fig. 7, select 
another zoom level using zoom level 708 and select next button 712. As discussed 
above, selection of button 712 will generate a new map request. The address and zoom 
level will be transmitted to server 110 and the other steps discussed above in connection 
with Fig. 7 will be repeated, including the creation and storage in image memory 1 13 of a 
new print image, display image and thumbnail image associated with the new zoom level 
map. The user can repeat zoom level changes as often as desired until a satisfactory 
zoom level is obtained. The service provider can opt to retain all different zoom level 
images tried by a user in image memory 1 13 or to retain only the most recent zoom level 
version. 

[0045] When the user is satisfied with the zoom level and the portion of image 802 
contained in crop box 804, the user can select next button 816. This return the user to the 
backside editing screen depicted in Fig. 4. The portion of map image 802 contained in 
crop box 804 at the time next button 816 was selected will be displayed to the user in 
template 402. 
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[0046] If the user desires to change the backside again, the user can select choose a 
different backside button 404 to cause window 500 to be displayed or can position the 
mouse cursor over the map area of template 402 and double click. Executing a double 
click operation while positioned over the map area will cause map options window 600 to 
be displayed again. As mentioned above, window 600 offers the user three options. If 
the user selects create new map 602, the map generation process will repeat as discussed 
above in connection with Figs. 7 and 8. If the user selects change cropping of current 
map 604, cropping window 800 will be displayed with crop box 804 positioned to 
indicate the current cropped portion of image 802 appearing in the map area of template 
402. The user can then reposition or resize the crop box as desired. If the user selects 
choose saved map 606, design tool 106 requests all thumbnail map images stored in 
thumbnail memory 117 associated with this user. The map thumbnails are transferred to 
UCS 100 and displayed in saved map window 900. 

[0047] As indicated in Fig. 9, the saved maps could have a variety of different shapes 
depending on the shape of the image container in the product template for which the map 
was originally sized. If the user selects one of the displayed thumbnails 902, 904, 906 
and 908, the display image associated with the selected thumbnail is requested from 
server 110, retrieved from DI 116, returned to UCS 100, and displayed to the user in 
template 402. As an alternate implementation, the saved map image could be initially 
displayed to the user in cropping window 800. 

[0048] It will be appreciated that the sequence of steps, options, and windows 
described above is but one possible way of implementing the invention. More, fewer, or 
different steps, options, and windows could be employed depending on the number and 
variety of map customization options the service provider desires to provide to the user. 
For example, in a business card application, instead of displaying generic map area 
indicators in Fig. 5, the system could react to the user's request to view map backsides by 
automatically sending the address information entered by the user in the address fields on 
the front of the card to server 110 and generating custom map thumbnail images 
reflecting actual maps relevant to the user. 
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[0049] Various illustrative embodiments have been discussed, but other alternate 
embodiments could also be employed. Therefore, the described embodiments are to be 
considered as illustrative rather than restrictive and the scope of the invention is as 
indicated in the following claims and all equivalent methods and systems. 
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